<script setup lang="ts">
import { ref } from 'vue'

const emit = defineEmits(['close'])
const show = ref(false)
defineExpose({
  show,
})
</script>

<template>
  <wd-popup v-model="show" lock-scroll position="bottom" :safe-area-inset-bottom="true" closable custom-style="height: 80%;overflow: hidden;border-radius: 32rpx 32rpx 0 0;" @close="handleClose">
    <view class="wot-form-title">
      【 设备＞软件配置 】
    </view>
    <scroll-view scroll-y>
      <wd-row :gutter="20">
        <wd-col :span="8">
          <view class="cols">
            <view>服务费充值</view>
            <view class="positive">
              530.00
            </view>
          </view>
        </wd-col>
        <wd-col :span="8">
          <view>服务费充值</view>
          <view class="positive">
            0.00
          </view>
        </wd-col>
        <wd-col :span="8">
          <view>服务费充值</view>
          <view class="positive">
            -536.68
          </view>
        </wd-col>
      </wd-row>
    </scroll-view>
  </wd-popup>
</template>

<style lang="scss" scoped>
.desc{
    padding: 40rpx 20rpx;
    line-height: 40rpx;
    font-size: 24rpx;
    color: #ED6A0C;
}
</style>
